<template>
  <div id="app">
    <ul>
      <li>
        <router-link to="/" :list='aaa'>todolist</router-link>
        <router-link to="/Area" :sdf='aaa'>Area</router-link>
        <router-link to="/Login">login</router-link>
      </li>
    </ul>
    <router-view/>
    <!-- <todoList :list='aaa'></todoList>
    <User :sdf='aaa'></User> -->
  </div>
</template>

<script>
import todoList from "@/components/todoList";
import Area from "@/components/Area";

export default {
  data() {
    return {
      aaa: [
        {
          name: "yuhao",
          age: 12
        },
        {
          name: "gaoyuanxin",
          age: 3
        }
      ]
    };
  },
  components: {
    todoList,
    Area
  },
  props: {}
};
</script>

<style>

</style>
